<div class="content-body">
    <div class="main-div">
        <!--startprint-->
        <style type="text/css">
            .main-div{
                width:100%;
                height: auto;
                background-color: white;
            }
            .title{
                width: 100%;
                display: block;
                line-height: 0px;
                text-align: center;
            }
            .tab-div table{
                /*border: 1px solid #b0acac;*/
                border-collapse: collapse;
                border: none;
            }
            .tab-div table tr{
                /*border: 1px solid #b0acac;*/
            }
            .tab-div table tr td{
                /*border: 1px solid #e1e8ea;*/
                line-height: 20px;
                padding: 5px;
            }
            .name{
                width:10%;
                background-color: #f7f7f9;
                font-size: 0.9rem;
                text-align: left;
                border: 1px solid #e1e8ea;
            }
            .value{
                width: 20%;
                border: 1px solid #e1e8ea;
            }
            .t-title{
                width:100%;
                font-size: 0.9rem;
                font-weight: bold;
                color: #c20202;
                padding: 0 !important;
                margin:1.5rem 0;
                display:block !important;
            }
            h5{
                width:100%;
                font-size: 0.9rem;
                font-weight: bold;
                color: #c20202;
                padding: 0 !important;
                margin:1.5rem 0;
                /*margin-left: 18px;*/
            }
            table{
                width: 100%;
            }
            .tbody{
                width: 100%;
            }
            .btn-block{
                display: block;
                width: max-content;
                position: relative;
                top: 10px;
                left: 88%;
                bottom: 24px;
                height: 60px;
            }
            h3{
                text-align: center;
            }
            .code-html div{
                margin: 0px auto;
                top:10px;
                bottom: 10px;
                margin-bottom: 23px;

            }
            .code-html{
                display: flex;
                justify-content: center;
                margin-bottom: 10px;
            }
        </style>
        <div class="tab-div">
            <table>
                <tbody class="tbody">
                <tr>
                    <td class="name">提交人</td>
                    <td class="value">{{$name}}</td>
                    <td class="name">提交时间</td>
                    <td class="value">{{$created_at}}</td>
                </tr>
                <tr>
                    <td class="name">身份证</td>
                    <td class="value">{{$id_card_number}}</td>
                    <td class="name">手机号码</td>
                    <td class="value">{{$phone}}</td>
                </tr>
                <tbody>
            </table>
        </div>
    </div>
</div>

<script>
    window.addEventListener('message',event =>{
        $('#auditIframe').height(event.data)
    });
</script>
